﻿<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>单元房-问题列表</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		
		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="../css/app.css"/>
		<link rel="stylesheet" type="text/css" href="css/unit_housing_problem.css"/>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav" style="z-index: 9999;">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">18-1单元</h1>
            <a class="mui-icon mui-icon-home com-to-home-btn" style="position:absolute;right:15px;font-weight:400" id="gohome"></a>
		</header>
		<div class="mui-content">
			<!--<div class="flex-container explain">
				<div class="flex-item">
					<span class="purple"></span>
					<span>待派单(<span>0</span>)</span>
				</div>
				<div class="flex-item">
					<span class="red"></span>
					<span>待整改(<span>0</span>)</span>
				</div>
				<div class="flex-item">
					<span class="blue"></span>
					<span>已整改(<span>0</span>)</span>
				</div>
				<div class="flex-item">
					<span class="green"></span>
					<span>已通过(<span>0</span>)</span>
				</div>
			</div>-->
			<div>
				<div id="segmentedControl" class="mui-segmented-control">
					<a class="mui-control-item mui-active" href="#item1">
						<span class="vertical_line_gray"></span>
						<span>全部</span><br />
						<span>(16)</span>
					</a>
					<a class="mui-control-item" href="#item2">
						<span class="vertical_line_gray"></span>
						<span>
							<span class="circle_check">
								<span></span>
							</span>
							待派单
						</span><br />
						<span>(4)</span>
					</a>
					<a class="mui-control-item" href="#item3">
						<span class="vertical_line_gray"></span>
						<span>
							<span class="circle_red"></span>
							待整改
						</span><br />
						<span>(4)</span>
					</a>
					<a class="mui-control-item" href="#item4">
						<span class="vertical_line_gray"></span>
						<span>
							<span class="circle_blue"></span>
							已整改
						</span><br />
						<span>(4)</span>
					</a>
					<a class="mui-control-item" href="#item5">
						<span>
							<span class="circle_green"></span>
							已通过
						</span><br />
						<span>(4)</span>
					</a>
				</div>
			</div>
			<div class="mui-content-padded">
				<button id="add_problem" type="button" class="mui-btn mui-btn-primary mui-btn-block">
					<a class="mui-icon mui-icon-plus" style="color:white;"></a>
					新增问题
				</button>
			</div>
			<div class="mui-content-padded">
				<button id="no_problem" type="button" class="mui-btn mui-btn-primary mui-btn-block mui-hidden">
					没有问题检查通过
				</button>
			</div>
			
			<div id="wrap_all">
				<div id="item1" class="mui-control-content mui-active">
					<div class="mui-scroll">
						<ul class="mui-table-view mui- hidden">
							 <li class="mui-table-view-cell" status="1">
							 	<a class=" mui-navigate-right" style="padding-right: 40px;">
								 	<div class="top">
								 		<span class="purple" style="color:black">待派单</span>
								 		<span class="red">紧急</span>
								 		<time class="mui-pull-right" style="color:black;font-size: 14px;">
								 			张师傅
								 			2017-8-11 11:11:11
								 		</time>
								 	</div>
								 	<div class="bottom">
								 		<div>
								 			<span>部位：门>入户门</span>
								 		</div>
								 		<div>
								 			<span>描述：</span>
								 			<span>门锁、五金故障或损坏</span>
								 		</div>
								 		<!--<div>
								 			<span>整改截止：</span>
								 			<span>2017-8-11</span>
								 			<span>|</span>
								 			<span style="color: #dd524d;">超期10天</span>
								 		</div>-->
								 	</div>
							 	</a>
							 </li>
							 <li class="mui-table-view-cell" status="2">
							 	<a class=" mui-navigate-right" style="padding-right: 40px;">
								 	<div class="top">
								 		<!--<span>编号：</span>
								 		<span>168549865463</span>-->
								 		<span class="red">待整改</span>
								 		<span class="red">紧急</span>
								 		<time class="mui-pull-right" style="color:black;font-size: 14px;">
								 			张三
								 			2017-8-11 11:11:11
								 		</time>
								 	</div>
								 	<div class="bottom">
								 		<div>
								 			<span>部位：门>入户门</span>
								 		</div>
								 		<div>
								 			<span>描述：</span>
								 			<span>门锁、五金故障或损坏</span>
								 		</div>
								 		<!--<div>
								 			<span>整改截止：</span>
								 			<span>2017-8-11</span>
								 			<span>|</span>
								 			<span style="color: #dd524d;">超期10天</span>
								 		</div>-->
								 	</div>
							 	</a>
							 </li>
							 <li class="mui-table-view-cell" status="3">
							 	<a class=" mui-navigate-right" style="padding-right: 40px;">
								 	<div class="top">
								 		<!--<span>编号：</span>
								 		<span>168549865463</span>-->
								 		<span class="blue">已整改</span>
								 		<span class="red">紧急</span>
								 		<time class="mui-pull-right" style="color:black;font-size: 14px;">
								 			张三
								 			2017-8-11 11:11:11
								 		</time>
								 	</div>
								 	<div class="bottom">
								 		<div>
								 			<span>部位：门>入户门</span>
								 		</div>
								 		<div>
								 			<span>描述：</span>
								 			<span>门锁、五金故障或损坏</span>
								 		</div>
								 		<!--<div>
								 			<span>整改截止：</span>
								 			<span>2017-8-11</span>
								 			<span>|</span>
								 			<span style="color: #dd524d;">超期10天</span>
								 		</div>-->
								 	</div>
							 	</a>
							 </li>
							 <li class="mui-table-view-cell" status="4">
							 	<a class=" mui-navigate-right" style="padding-right: 40px;">
								 	<div class="top">
								 		<!--<span>编号：</span>
								 		<span>168549865463</span>-->
								 		<span class="green">已通过</span>
								 		<span class="red">紧急</span>
								 		<time class="mui-pull-right" style="color:black;font-size: 14px;">
								 			张三
								 			2017-8-11 11:11:11
								 		</time>
								 	</div>
								 	<div class="bottom">
								 		<div>
								 			<span>部位：门>入户门</span>
								 		</div>
								 		<div>
								 			<span>描述：</span>
								 			<span>门锁、五金故障或损坏</span>
								 		</div>
								 		<!--<div>
								 			<span>整改截止：</span>
								 			<span>2017-8-11</span>
								 			<span>|</span>
								 			<span style="color: #dd524d;">超期10天</span>
								 		</div>-->
								 	</div>
							 	</a>
							 </li>
						</ul>
					</div>
				</div>
				<div id="item2" class="mui-control-content">
					<ul class="mui-table-view mui- hidden">
                        <li class="mui-table-view-cell" status="1">
                            <a class="mui-navigate-right" style="padding-right: 40px;">
                                <div class="top">
                                    <span class="purple" style="color:black">待派单</span>
                                    <span class="red">紧急</span>
                                    <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                        张师傅
                                        2017-8-11 11:11:11
                                    </time>
                                </div>
                                <div class="bottom">
                                    <div>
                                        <span>部位：门>入户门</span>
                                    </div>
                                    <div>
                                        <span>描述：</span>
                                        <span>门锁、五金故障或损坏</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell" status="1">
                            <a class="mui-navigate-right" style="padding-right: 40px;">
                                <div class="top">
                                    <span class="purple" style="color:black">待派单</span>
                                    <span class="red">紧急</span>
                                    <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                        张师傅
                                        2017-8-11 11:11:11
                                    </time>
                                </div>
                                <div class="bottom">
                                    <div>
                                        <span>部位：门>入户门</span>
                                    </div>
                                    <div>
                                        <span>描述：</span>
                                        <span>门锁、五金故障或损坏</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell" status="1">
                            <a class="mui-navigate-right" style="padding-right: 40px;">
                                <div class="top">
                                    <span class="purple" style="color:black">待派单</span>
                                    <span class="red">紧急</span>
                                    <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                        张师傅
                                        2017-8-11 11:11:11
                                    </time>
                                </div>
                                <div class="bottom">
                                    <div>
                                        <span>部位：门>入户门</span>
                                    </div>
                                    <div>
                                        <span>描述：</span>
                                        <span>门锁、五金故障或损坏</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell" status="1">
                            <a class="mui-navigate-right" style="padding-right: 40px;">
                                <div class="top">
                                    <span class="purple" style="color:black">待派单</span>
                                    <span class="red">紧急</span>
                                    <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                        张师傅
                                        2017-8-11 11:11:11
                                    </time>
                                </div>
                                <div class="bottom">
                                    <div>
                                        <span>部位：门>入户门</span>
                                    </div>
                                    <div>
                                        <span>描述：</span>
                                        <span>门锁、五金故障或损坏</span>
                                    </div>
                                </div>
                            </a>
                        </li>
					</ul>
				</div>
				<div id="item3" class="mui-control-content">
					<ul class="mui-table-view mui- hidden">
                        <li class="mui-table-view-cell" status="1">
                            <a class="mui-navigate-right" style="padding-right: 40px;">
                                <div class="top">
                                    <span class="red" style="color:white">待整改</span>
                                    <span class="red">紧急</span>
                                    <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                        张师傅
                                        2017-8-11 11:11:11
                                    </time>
                                </div>
                                <div class="bottom">
                                    <div>
                                        <span>部位：门>入户门</span>
                                    </div>
                                    <div>
                                        <span>描述：</span>
                                        <span>门锁、五金故障或损坏</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell" status="1">
                            <a class="mui-navigate-right" style="padding-right: 40px;">
                                <div class="top">
                                    <span class="red" style="color:white">待整改</span>
                                    <span class="red">紧急</span>
                                    <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                        张师傅
                                        2017-8-11 11:11:11
                                    </time>
                                </div>
                                <div class="bottom">
                                    <div>
                                        <span>部位：门>入户门</span>
                                    </div>
                                    <div>
                                        <span>描述：</span>
                                        <span>门锁、五金故障或损坏</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell" status="1">
                            <a class="mui-navigate-right" style="padding-right: 40px;">
                                <div class="top">
                                    <span class="red" style="color:white">待整改</span>
                                    <span class="red">紧急</span>
                                    <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                        张师傅
                                        2017-8-11 11:11:11
                                    </time>
                                </div>
                                <div class="bottom">
                                    <div>
                                        <span>部位：门>入户门</span>
                                    </div>
                                    <div>
                                        <span>描述：</span>
                                        <span>门锁、五金故障或损坏</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell" status="1">
                            <a class="mui-navigate-right" style="padding-right: 40px;">
                                <div class="top">
                                    <span class="red" style="color:white">待整改</span>
                                    <span class="red">紧急</span>
                                    <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                        张师傅
                                        2017-8-11 11:11:11
                                    </time>
                                </div>
                                <div class="bottom">
                                    <div>
                                        <span>部位：门>入户门</span>
                                    </div>
                                    <div>
                                        <span>描述：</span>
                                        <span>门锁、五金故障或损坏</span>
                                    </div>
                                </div>
                            </a>
                        </li>

					</ul>
				</div>
				<div id="item4" class="mui-control-content">
					<ul class="mui-table-view mui- hidden">
                        <li class="mui-table-view-cell" status="1">
                            <a class="mui-navigate-right" style="padding-right: 40px;">
                                <div class="top">
                                    <span class="blue" style="color:white">已整改</span>
                                    <span class="red">紧急</span>
                                    <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                        张师傅
                                        2017-8-11 11:11:11
                                    </time>
                                </div>
                                <div class="bottom">
                                    <div>
                                        <span>部位：门>入户门</span>
                                    </div>
                                    <div>
                                        <span>描述：</span>
                                        <span>门锁、五金故障或损坏</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell" status="1">
                            <a class="mui-navigate-right" style="padding-right: 40px;">
                                <div class="top">
                                    <span class="blue" style="color:white">已整改</span>
                                    <span class="red">紧急</span>
                                    <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                        张师傅
                                        2017-8-11 11:11:11
                                    </time>
                                </div>
                                <div class="bottom">
                                    <div>
                                        <span>部位：门>入户门</span>
                                    </div>
                                    <div>
                                        <span>描述：</span>
                                        <span>门锁、五金故障或损坏</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell" status="1">
                            <a class="mui-navigate-right" style="padding-right: 40px;">
                                <div class="top">
                                    <span class="blue" style="color:white">已整改</span>
                                    <span class="red">紧急</span>
                                    <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                        张师傅
                                        2017-8-11 11:11:11
                                    </time>
                                </div>
                                <div class="bottom">
                                    <div>
                                        <span>部位：门>入户门</span>
                                    </div>
                                    <div>
                                        <span>描述：</span>
                                        <span>门锁、五金故障或损坏</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell" status="1">
                            <a class="mui-navigate-right" style="padding-right: 40px;">
                                <div class="top">
                                    <span class="blue" style="color:white">已整改</span>
                                    <span class="red">紧急</span>
                                    <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                        张师傅
                                        2017-8-11 11:11:11
                                    </time>
                                </div>
                                <div class="bottom">
                                    <div>
                                        <span>部位：门>入户门</span>
                                    </div>
                                    <div>
                                        <span>描述：</span>
                                        <span>门锁、五金故障或损坏</span>
                                    </div>
                                </div>
                            </a>
                        </li>
					</ul>
				</div>
				<div id="item5" class="mui-control-content">
					<ul class="mui-table-view mui- hidden">
                        <li class="mui-table-view-cell" status="1">
                            <a class="mui-navigate-right" style="padding-right: 40px;">
                                <div class="top">
                                    <span class="green" style="color:white">已通过</span>
                                    <span class="red">紧急</span>
                                    <time class="mui-pull-right" style="color:white;font-size: 14px;">
                                        张师傅
                                        2017-8-11 11:11:11
                                    </time>
                                </div>
                                <div class="bottom">
                                    <div>
                                        <span>部位：门>入户门</span>
                                    </div>
                                    <div>
                                        <span>描述：</span>
                                        <span>门锁、五金故障或损坏</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell" status="1">
                            <a class="mui-navigate-right" style="padding-right: 40px;">
                                <div class="top">
                                    <span class="green" style="color:white">已通过</span>
                                    <span class="red">紧急</span>
                                    <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                        张师傅
                                        2017-8-11 11:11:11
                                    </time>
                                </div>
                                <div class="bottom">
                                    <div>
                                        <span>部位：门>入户门</span>
                                    </div>
                                    <div>
                                        <span>描述：</span>
                                        <span>门锁、五金故障或损坏</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell" status="1">
                            <a class="mui-navigate-right" style="padding-right: 40px;">
                                <div class="top">
                                    <span class="green" style="color:white">已通过</span>
                                    <span class="red">紧急</span>
                                    <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                        张师傅
                                        2017-8-11 11:11:11
                                    </time>
                                </div>
                                <div class="bottom">
                                    <div>
                                        <span>部位：门>入户门</span>
                                    </div>
                                    <div>
                                        <span>描述：</span>
                                        <span>门锁、五金故障或损坏</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="mui-table-view-cell" status="1">
                            <a class="mui-navigate-right" style="padding-right: 40px;">
                                <div class="top">
                                    <span class="green" style="color:white">已通过</span>
                                    <span class="red">紧急</span>
                                    <time class="mui-pull-right" style="color:black;font-size: 14px;">
                                        张师傅
                                        2017-8-11 11:11:11
                                    </time>
                                </div>
                                <div class="bottom">
                                    <div>
                                        <span>部位：门>入户门</span>
                                    </div>
                                    <div>
                                        <span>描述：</span>
                                        <span>门锁、五金故障或损坏</span>
                                    </div>
                                </div>
                            </a>
                        </li>
					</ul>
				</div>
			</div>
		</div>
		<script src="../js/mui.min.js"></script>
		<script src="js/unit_housing_problem.js"></script>
	</body>
</html>